@charset "UTF-8";
#fullPage-nav {
  font-size: 14px;
  _display: none;
}
#fullPage-nav li {
  width: 70px;
  height: 20px;
}
#fullPage-nav li a {
  float: right;
  color: #000000;
  width: 20px;
  height: 20px;
  background: url("../img/dot.png") 5px 5px no-repeat;
}
#fullPage-nav li .active {
  background-position: 0 bottom;
}
#fullPage-nav span {
  display: none;
}
.fullPage-tooltip {
  line-height: 25px;
  color: #000000;
  font-family: 微软雅黑;
}
* {
  margin: 0;
  padding: 0;
}
.section1 {
  position: relative;
  overflow: hidden;
}
.section1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section1 .bg img {
  display: block;
  width: 100%;
  height: 100%;
}
.section1 .bg12 {
  position: absolute;
  bottom: -292px;
  background: url("../img/bg12.png") 50% 0 no-repeat;
  width: 100%;
  height: 392px;
  opacity: 0;
  transition: all 1.7s ;
}
.section1 .bg13 {
  position: absolute;
  bottom: -377px;
  width: 100%;
  height: 377px;
  background: url("../img/bg13.png") 50% 0 no-repeat;
  transition: all 1s;
}
.section1 .mail {
  position: absolute;
  left: 50%;
  top: -25px;
  width: 375px;
  height: 26px;
  margin-left: -187px;
  background: url("../img/logo.png") no-repeat;
  transition: all 1s;
  float: left;
  text-indent: -9999px;
}
.section1 .mail .mail-163 {
  float: left;
  width: 107px;
}
.section1 .mail .mail-126 {
  float: left;
  width: 108px;
  margin-left: 23px;
}
.section1 .mail .mail-yeah {
  float: right;
  width: 115px;
}
.section1 .hgroup {
  position: absolute;
  left: 31%;
  opacity: 0;
  top: 150px;
  transition: all 1s;
}
.section2 {
  position: relative;
  overflow: hidden;
}
.section2 .sec2_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section2 .sec2_bg img {
  display: block;
  width: 100%;
  height: 100%;
}
.section2 .bg21 {
  position: absolute;
  bottom: -140px;
  left: 0;
  background: url("../img/bg21.png") 50% 0 no-repeat;
  width: 100%;
  height: 392px;
  opacity: 0;
  transition: all 1.7s ;
}
.section2 .bg22 {
  position: absolute;
  bottom: -110px;
  right: 0;
  background: url("../img/bg22.png") 50% 0 no-repeat;
  width: 100%;
  height: 392px;
  opacity: 0;
  transition: all 1.7s ;
}
.section2 .bg23 {
  position: absolute;
  bottom: -500px;
  background: url("../img/bg23.png") 50% 0 no-repeat;
  width: 100%;
  height: 392px;
  opacity: 1;
  transition: all 1.7s ;
}
.section2 .see {
  position: absolute;
  top: 124px;
  width: 510px;
  left: 30%;
}
.section2 .see span {
  font-size: 24px;
  color: #787d82;
  display: block;
  margin-bottom: 15px;
}
.section2 .see h3 {
  font-size: 45px;
  font-weight: 100;
  color: #787d82;
  margin-bottom: 25px;
}
.section2 .see p {
  color: #787d82;
  line-height: 1.9;
  top: 100px;
  opacity: .5;
  transition: all 2s;
}
.section3 {
  position: relative;
  overflow: hidden;
}
.section3 .sec3_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section3 .sec3_bg img {
  display: block;
  width: 100%;
  height: 100%;
}
.section3 .bg31 {
  position: absolute;
  bottom: -30px;
  right: -170px;
  background: url("../img/bg31.png") 50% 0 no-repeat;
  width: 100%;
  height: 392px;
  opacity: 1;
  transition: all 1.7s ;
}
.section3 .bg32 {
  position: absolute;
  bottom: -500px;
  right: -300px;
  background: url("../img/bg32.png") 50% 0 no-repeat;
  width: 100%;
  height: 392px;
  opacity: 1;
  transition: all .7s ;
}
.section3 .bg33 {
  position: absolute;
  bottom: -190px;
  right: 0;
  background: url("../img/bg33.png") 50% 0 no-repeat;
  width: 100%;
  height: 392px;
  opacity: 0;
  transition: all .7s ;
}
.section3 .topic {
  position: absolute;
  top: 164px;
  width: 510px;
  left: 30%;
}
.section3 .topic p {
  color: #c9c87d;
  font-size: 25px;
  margin-bottom: 20px;
}
.section3 .jiaohu {
  position: absolute;
  color: #fffde1;
  width: 430px;
  left: 30px;
  top: 378px;
  font-size: 16px;
  line-height: 1.9;
}
.active .bg12 {
  bottom: 70px;
  opacity: 1;
  transition-delay: .7s ;
}
.active .bg13 {
  bottom: -40px;
  opacity: 1;
  transition-delay: .7s ;
}
.active .hgroup {
  opacity: 1;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  transition-delay: .7s ;
}
.active .mail {
  top: 65px;
  transition-delay: .9s ;
}
.active .bg21 {
  left: -510px;
  opacity: 1;
}
.active .bg23 {
  bottom: -150px;
}
.active .bg22 {
  right: -430px;
  opacity: 1;
}
.active .see p {
  opacity: 1;
  top: 0;
  transition-delay: .7s ;
}
.active .bg32 {
  bottom: 700px;
  transition-delay: .5s ;
}
.active .bg33 {
  right: -220px;
  opacity: 1;
  transition-delay: .7s ;
}
